<div className="container">
  <h2>diff 演示</h2>
  <hr />
  <h4>1. 比较不同类型的元素</h4>
  <span>你好</span>
  <hr />
  <button className="btn btn-primary" onClick="{click}">更新</button>
</div>


<div className='container'>
  <h2>diff 演示</h2>
  <hr />
  <h4>1. 比较不同类型的元素</h4>
  <a href="#">你好啊</a>

  <hr />
  <button className='btn btn-primary' onClick={click}>更新</button>
</div>


<ul>
  <li key="0">first</li>
  <li key="1">second</li>
</ul>


<ul>
  <li key="0">third</li>
  <li key="1">first</li>
  <li key="2">second</li>
</ul>

<!-- 『尽量不要』使用 index 作为 key , 有些时候回产生更新效率问题
  有些时候: 对数组进行破坏顺序的操作的时候

  id, 工具 id,  手机号, 身份证号 
-->